<%@ page import="java.util.Date" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>筑梦</title>

    <link rel="shortcut icon" href="img/favicon.ico" >
    <!-- Google font -->
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700%7CVarela+Round" rel="stylesheet">

    <!-- Bootstrap -->
    <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css"/>

    <!-- Owl Carousel -->
    <link type="text/css" rel="stylesheet" href="css/owl.carousel.css"/>
    <link type="text/css" rel="stylesheet" href="css/owl.theme.default.css"/>

    <!-- Magnific Popup -->
    <link type="text/css" rel="stylesheet" href="css/magnific-popup.css"/>

    <!-- Font Awesome Icon -->
    <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">

    <!-- Custom stlylesheet -->
    <link type="text/css" rel="stylesheet" href="css/style.css"/>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script src="js/jquery-3.3.1.js"></script>
    <%--	<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>--%>

    <script type="text/javascript" src="js/jquery-3.3.1.js"></script>
    <script type="text/javascript" src="js/Captcha_code.js"></script>
    <script type="text/javascript" src="js/SignUpClick.js"></script>
    <script type="text/javascript" src="./js/loginSuccess.js"></script>
    <script type="text/javascript" src="./js/jquery.cookie.js"></script>
</head>

<body>
<!-- Header -->
<header id="home">
    <!-- Background Image -->
    <div class="bg-img" style="background-image: url('./img/first.png');">
        <div class="overlay"></div>
    </div>
    <!-- /Background Image -->

    <!-- Nav -->
    <nav id="nav" class="navbar nav-transparent">
        <div class="container">

            <div class="navbar-header">
                <!-- Logo -->
                <div class="navbar-brand">
                    <a href="index.jsp">
                        <img class="logo" src="img/logo.jpg" alt="logo">
                        <img class="logo-alt" src="img/logo_transparent.png" alt="logo">
                    </a>
                </div>
                <!-- /Logo -->

                <!-- Collapse nav button -->
                <div class="nav-collapse">
                    <span></span>
                </div>
                <!-- /Collapse nav button -->
            </div>

            <!--  Main navigation  -->
            <ul class="main-nav nav navbar-nav navbar-right">
                <li><a id="clickHome" href="#home">首页</a></li>
                <li><a href="./introduce.html">简介</a></li>
                <!--					<li><a href="#portfolio">Portfolio</a></li>-->
                <li><a href="#service">方向</a></li>
                <!--					<li><a href="#pricing">Prices</a></li>-->
                <%--<li><a href="./team/team_members.html">团队</a></li>--%>
                <%--<li class="has-dropdown"><a href="#blog">空间</a>
                    <ul class="dropdown">
                        &lt;%&ndash;							<li><a href="blog-single.jsp">blog post</a></li>&ndash;%&gt;
                        <li><a href="blog/blog-grid.jsp">博客</a></li>
                    </ul>
                </li>--%>
                <li><a href="./join.jsp">加入我们</a></li>
                <li>
                    <a id="login_logon" href="./index.html">登录/注册(博客)</a>
                    <%--<a id="showUsername" href="" hidden></a>--%>
                    <%--                    <label id="showUsername" hidden><a href="${pageContext.request.contextPath}/team/person_page.jsp">zyyzyy</a></label>--%>
                </li>
            </ul>
            <!-- /Main navigation -->

        </div>
    </nav>
    <!-- /Nav -->

    <!-- home wrapper -->
    <div class="home-wrapper">
        <div class="container">
            <div class="row">

                <!-- home content -->
                <div class="col-md-10 col-md-offset-1">
                    <div class="home-content">
                        <h1 class="white-text">We Are Dream Builders</h1>
                        <p class="white-text">欢迎来到筑梦，遇见更好的自己
                        </p>
                        <button class="white-btn">Action!</button>
                        <button class="main-btn">Learn more</button>
                    </div>
                </div>
                <!-- /home content -->

            </div>
        </div>
    </div>
    <!-- /home wrapper -->

</header>
<!-- /Header -->

<%--<!-- About -->
<div id="about" class="section md-padding">

    <!-- Container -->
    <div class="container">

        <!-- Row -->
        <div class="row">

            <!-- Section header -->
            <div class="section-header text-center">
                <h2 class="title">欢迎来到筑梦</h2>
            </div>
            <!-- /Section header -->

            <!-- about -->
            <a href="./about/introduction.jsp">
                <div class="col-md-4">
                    <div class="about">
                        <i class="fa fa-cogs"></i>
                        <h3>Introduction</h3>
                        <p style="color: black">简介</p>
                    </div>
                </div>
            </a>
            <!-- /about -->

            <!-- about -->
            <a href="./about/life.jsp">
                <div class="col-md-4">
                    <div class="about">
                        <i class="fa fa-magic"></i>
                        <h3>Life</h3>
                        <p style="color: black">生活</p>
                    </div>
                </div>
            </a>
            <!-- /about -->

            <!-- about -->
            <a href="./about/convention.jsp">
                <div class="col-md-4">
                    <div class="about">
                        <i class="fa fa-mobile"></i>
                        <h3>Convention</h3>
                        <p style="color: black">约定</p>
                    </div>
                </div>
            </a>
            <!-- /about -->


        </div>
        <!-- /Row -->

    </div>
    <!-- /Container -->

</div>
<!-- /About -->--%>

<!-- 未来-->
<div id="service" class="section md-padding">

    <!-- Container -->
    <div class="container">

        <!-- Row -->
        <div class="row">

            <!-- Section header -->
            <div class="section-header text-center">
                <h2 class="title">方向</h2>
            </div>
            <!-- /Section header -->

            <!-- service -->
            <div class="col-md-4 col-sm-6">
                <div class="service">
                    <i class="fa fa-diamond"></i>
                    <h3>考研</h3>
                </div>
            </div>
            <!-- /service -->

            <!-- service -->
            <div class="col-md-4 col-sm-6">
                <div class="service">
                    <i class="fa fa-rocket"></i>
                    <h3>人工智能(考研)</h3>
                </div>
            </div>
            <!-- /service -->

            <!-- service -->
            <div class="col-md-4 col-sm-6">
                <div class="service">
                    <i class="fa fa-cogs"></i>
                    <h3>前端</h3>
                </div>
            </div>
            <!-- /service -->

            <!-- service -->
            <div class="col-md-4 col-sm-6">
                <div class="service">
                    <i class="fa fa-diamond"></i>
                    <h3>后端</h3>
                </div>
            </div>
            <!-- /service -->

            <!-- service -->
            <div class="col-md-4 col-sm-6">
                <div class="service">
                    <i class="fa fa-pencil"></i>
                    <h3>移动端</h3>
                </div>
            </div>
            <!-- /service -->

            <!-- service -->
            <div class="col-md-4 col-sm-6">
                <div class="service">
                    <i class="fa fa-flask"></i>
                    <h3>算法</h3>
                </div>
            </div>
            <!-- /service -->

        </div>
        <!-- /Row -->

    </div>
    <!-- /Container -->

</div>
<!-- /未来 -->


<!-- Why Choose Us -->
<div id="features" class="section md-padding bg-grey">

    <!-- Container -->
    <div class="container">

        <!-- Row -->
        <div class="row">

            <!-- why choose us content -->
            <div class="col-md-6">
                <div class="section-header">
                    <h2 class="title">Why Choose Us</h2>
                </div>
                <p>我们渴望热爱学习、有上进心并且有一定专业能力的同学可以加入我们的团队，我们注重团队合作意识、集体精神荣誉感，只要你有梦想并为之努力，那么加入我们吧！</p>
                <div class="feature">
                    <i class="fa fa-check"></i>
                    <p>（考研）优秀的学长学姐们助你上岸</p>
                </div>
                <div class="feature">
                    <i class="fa fa-check"></i>
                    <p>（参加比赛)拥有一个一起写项目的团队</p>
                </div>
                <div class="feature">
                    <i class="fa fa-check"></i>
                    <p>享受凌晨与队友共写/改bug的极致乐趣</p>
                </div>
                <div class="feature">
                    <i class="fa fa-check"></i>
                    <p>我们给予方向，但从不干涉你的选择</p>
                </div>
            </div>
            <!-- /why choose us content -->

            <!-- About slider -->
            <div class="col-md-6">
                <div id="about-slider" class="owl-carousel owl-theme">
                    <img class="img-responsive" src="./img/logo.jpg" alt="">
                    <img class="img-responsive" src="./img/jsu.jpg" alt="">
                </div>
            </div>
            <!-- /About slider -->

        </div>
        <!-- /Row -->

    </div>
    <!-- /Container -->

</div>

<footer id="footer" class="sm-padding bg-dark">

    <!-- Container -->
    <div class="container">

        <!-- Row -->
        <div class="row">

            <div class="col-md-12">

                <!-- footer logo -->
                <div class="footer-logo">
                    <a href="index.jsp"><img src="img/logo.jpg" alt="logo"></a>
                </div>
                <!-- /footer logo -->
            </div>

        </div>
        <!-- /Row -->

    </div>
    <!-- /Container -->

</footer>


<!-- Back to top -->
<div id="back-to-top"></div>
<!-- /Back to top -->

<!-- Preloader -->
<div id="preloader">
    <div class="preloader">
        <span></span>
        <span></span>
        <span></span>
        <span></span>
    </div>
</div>

<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<script type="text/javascript" src="js/jquery.magnific-popup.js"></script>
<script type="text/javascript" src="js/main.js"></script>

</body>

